{layout name="shoutu13/layout" /}
<style type="text/css">
  .stui-header__top {
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0) 100%
    );
  }

  .stui-header__top.headroom--not-top {
    background: #292838;
  }

  body {
    padding: 0px;
  }

  .ly-hidden {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
</style>

{eq name=":putBannerSw()" value="true"}
<!-- 幻灯开始 -->
<div id="banner" data-ride="carousel" class="stui-banner carousel slide">
  <a class="carousel-control left" href="#banner" data-slide="prev">
    <i class="icon iconfont icon-back"></i>
  </a>
  <a class="carousel-control right" href="#banner" data-slide="next">
    <i class="icon iconfont icon-more"></i>
  </a>
  <div class="carousel-inner">
    {notempty name="banner"} {volist name="banner" id="vod" key="k"}
    <div class="item stui-banner__item {eq name='$k' value='1'} active {/eq}">
      <a
        class="stui-banner__pic"
        href="/detail-{$vod.vod_url}"
        style="background: url({$vod.vod_pic}) #000000 no-repeat;"
        ;
      >
      </a>
    </div>
    {/volist} {/notempty}
  </div>
</div>
{/eq}

<style type="text/css">
  .stui-banner__pic {
    padding-top: 31%;
    background-position: center center !important;
  }

  @media (max-width: 1023px) {
    .stui-banner__pic {
      padding-top: 45%;
      background-position: 50% 50% !important;
      background-size: cover !important;
    }
  }

  @media (max-width: 767px) {
    .stui-banner__pic {
      padding-top: 55%;
      background-position: 50% 50% !important;
      background-size: cover !important;
    }
  }
</style>
<!-- 幻灯结束 -->

<!-- 筛选开始 -->
<div class="stui-pannel stui-pannel-screen hidden-sm hidden-xs clearfix">
  <div class="stui-pannel-box">
    <div class="container">
      <div class="row">
        <ul class="stui-index__screen col-pd clearfix">
          {notempty name="data"} {volist name="data" id="vod" length='4'}
          {notempty name="vod.nav"}
          <li class="type-slide m-bottom-line">
            {notempty name="vod.nav[0]['data']"} {volist
            name="vod.nav[0]['data']" id="item" length="6"}
            <a href="/list/{$vod.type.id}-all-all-{$item.id}-rankhot-1.html"
              >{$item.name}</a
            >
            {/volist} {/notempty}
          </li>
          {/notempty} {/volist} {/notempty}
        </ul>
      </div>
    </div>
  </div>
</div>
<!-- 筛选结束 -->

<div class="container">
  <div class="row">
    {notempty name="$cof['rgSwitch']"}
    <!--公告-->
    <div class="hy-layout clearfix" style="padding: 0 18px;">
      <li class="active">
        <table border="0" width="100%">
          <tr>
            <td width="22" height="22">
              <img
                src="/static/wapian/images/notice.png"
                width="22"
                height="22"
              />
            </td>
            <td width="12" height="22"></td>
            <td>
              <strong>
                <marquee
                  scrollamount="8"
                  direction="left"
                  align="Middle"
                  style="padding-right: 20px;"
                >
                  {$cof['rollgg']}
                </marquee>
              </strong>
            </td>
          </tr>
        </table>
      </li>
    </div>
    <!--公告-->
    {/notempty}

    <!-- 专题开始 -->
    <div class="stui-pannel stui-pannel-bg clearfix">
      <div class="stui-pannel-box">
        <div class="stui-pannel_hd">
          <div class="stui-pannel__head active bottom-line clearfix">
            <a class="more text-muted pull-right" href=""
              >更多
              <i class="icon iconfont icon-more"></i>
            </a>
            <h3 class="title">
              <img src="/static/shoutu13/icon/icon_5.png" /> 专题
            </h3>
            <ul class="nav nav-text pull-right hidden-sm hidden-xs"></ul>
          </div>
        </div>

        <div class="stui-pannel_bd clearfix">
          <ul class="stui-vodlist clearfix">
            <li class="col-md-4 col-sm-2 col-xs-2">
              <div class="stui-vodlist__box stui-pannel_bg">
                <a
                  class="stui-vodlist__thumb active lazyload"
                  href=""
                  title="漫威电影合集"
                  data-original="http://04.imgmini.eastday.com/mobile/20180430/5eee72ec2783dc0e36ff0705185425f5_wmk.jpeg"
                  style="padding-top: 50%;"
                >
                  <span class="play hidden-xs"></span>
                </a>
                <div class="stui-vodlist__detail">
                  <h4 class="title text-center text-overflow">
                    <a href="" title="漫威电影合集">漫威电影合集</a>
                  </h4>
                  <p class="text text-center text-overflow text-muted">1</p>
                </div>
              </div>
            </li>
          </ul>
        </div>

        <div class="stui-pannel_ft top-line visible-xs clearfix">
          <a class="text-muted" href=""
            >查看更多专题
            <i class="icon iconfont icon-more"></i>
          </a>
        </div>
      </div>
    </div>
    <!-- 专题结束 -->

    <!-- 电影开始 -->
    {notempty name="data"} {volist name="data" id="vod"} {notempty name="vod"}
    <div class="stui-pannel stui-pannel-bg clearfix">
      <div class="stui-pannel-box">
        <div class="stui-pannel_hd">
          <div class="stui-pannel__head active bottom-line clearfix">
            {notempty name="vod.nav[0]['data']"} {volist
            name="vod.nav[0]['data']" id="item" length="9"}
            <a
              class="more text-muted pull-right hidden-xs"
              href="list/{$vod.type.id}-all-all-{$item.id}-rankhot-1.html"
              >{$item.name}
              <i class="icon iconfont icon-more"></i>
            </a>
            {/volist} {/notempty}
            <h3 class="title">
              <img src="/static/shoutu13/icon/icon_1.png" />
              {:config($vod.type.id.'.title')}
            </h3>
            <ul class="nav nav-text pull-right hidden-sm hidden-xs"></ul>
          </div>
        </div>

        <div class="stui-pannel_bd clearfix">
          <div class="col-lg-wide-8 col-xs-1 padding-0">
            <ul class="stui-vodlist clearfix">
              {notempty name="vod.data"} {volist name="vod.data" id="vods"
              length="6"}
              <li class="col-md-6 col-sm-4 col-xs-3">
                <div class="stui-vodlist__box stui-vodlist__bg">
                  <a
                    class="stui-vodlist__thumb lazyload"
                    href="/detail-{$vod['type']['id']}{$vods.vod_url}"
                    title="{$vods.vod_title}"
                    data-original="{$vods.vod_pic}"
                  >
                    <span class="play hidden-xs"></span>
                    <span class="pic-text text-right"></span>
                  </a>
                  <div class="stui-vodlist__detail active">
                    <h4 class="title text-overflow">
                      <a
                        href="/detail-{$vod['type']['id']}{$vods.vod_url}"
                        title="{$vods.vod_title}"
                        >{$vods.vod_title}</a
                      >
                    </h4>
                    <p class="text text-overflow text-muted hidden-xs">
                      {$vods.vod_actor}
                    </p>
                  </div>
                </div>
              </li>
              {/volist} {/notempty}
            </ul>
          </div>

          <div class="col-lg-wide-2 hidden-md hidden-sm hidden-xs">
            {notempty name="vod.data"} {volist name="vod.data" id="vods"
            key="kk" length="4"} {eq name="$kk" value="1"}
            <ul class="stui-vodlist__media active col-pd clearfix">
              <li>
                <div class="thumb">
                  <a
                    class="m-thumb stui-vodlist__thumb lazyload"
                    href="/detail-{$vod['type']['id']}{$vods.vod_url}"
                    title="{$vods.vod_title}"
                    data-original="{$vods.vod_pic}"
                  ></a>
                </div>
                <div class="detail detail-side">
                  <h4 class="title">
                    <a href="/detail-{$vod['type']['id']}{$vods.vod_url}">
                      <i
                        class="icon iconfont icon-more text-muted pull-right"
                      ></i>
                      {$vods.vod_title}
                    </a>
                  </h4>
                  <p class="font-12">
                    <span class="text-muted">评分：{$vods.vod_score}</span>
                  </p>
                  <p class="font-12 margin-0 ly-hidden">
                    <span class="text-muted">主演：</span>
                    {$vods.vod_actor}
                  </p>
                </div>
              </li>
            </ul>
            {else /}
            <ul
              class="stui-vodlist__text col-pd clearfix"
              style="padding-top: 0;"
            >
              <li class="top-line-dot">
                <a
                  class="text-overflow"
                  href="/detail-{$vod['type']['id']}{$vods.vod_url}"
                  title="{$vods.vod_title}"
                >
                  <span class="text-muted pull-right"></span>
                  <em class="text-red">{$kk}. </em>
                  {$vods.vod_title}
                </a>
              </li>
            </ul>
            {/eq} {/volist} {/notempty}
          </div>
        </div>
      </div>
    </div>
    {/notempty} {/volist} {/notempty}
    <!-- 电影结束 -->

    <!-- 合作列表 -->
    <div class="stui-pannel stui-pannel-bg clearfix hidden-sm hidden-xs">
      <div class="stui-pannel-box">
        <div class="stui-pannel_hd">
          <div class="stui-pannel__head active bottom-line clearfix">
            <h3 class="title">
              <img src="/static/shoutu13/icon/icon_21.png" /> 合作伙伴
            </h3>
          </div>
        </div>
        <div class="stui-pannel_bd clearfix">
          <ul class="stui-link__pic clearfix">
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://v.qq.com/"
                target="_blank"
                rel="nofollow"
                alt="QQ视频"
              >
                <img src="/static/shoutu13/logo/qq.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.youku.com/"
                target="_blank"
                rel="nofollow"
                alt="优酷视频"
              >
                <img src="/static/shoutu13/logo/youku.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.iqiyi.com/"
                target="_blank"
                rel="nofollow"
                alt="爱奇艺视频"
              >
                <img src="/static/shoutu13/logo/iqiyi.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://v.sohu.com/"
                target="_blank"
                rel="nofollow"
                alt="搜狐视频"
              >
                <img src="/static/shoutu13/logo/sohu.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.mgtv.com/"
                target="_blank"
                rel="nofollow"
                alt="芒果TV"
              >
                <img src="/static/shoutu13/logo/mg.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.pptv.com/"
                target="_blank"
                rel="nofollow"
                alt="PPTV"
              >
                <img src="/static/shoutu13/logo/pptv.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.tudou.com/"
                target="_blank"
                rel="nofollow"
                alt="土豆视频"
              >
                <img src="/static/shoutu13/logo/tudou.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.letv.com/"
                target="_blank"
                rel="nofollow"
                alt="乐视TV"
              >
                <img src="/static/shoutu13/logo/letv.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.ku6.com/"
                target="_blank"
                rel="nofollow"
                alt="酷6视频"
              >
                <img src="/static/shoutu13/logo/ku6.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="https://v.wasu.cn/"
                target="_blank"
                rel="nofollow"
                alt="华数TV"
              >
                <img src="/static/shoutu13/logo/wasu.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.kankan.com/"
                target="_blank"
                rel="nofollow"
                alt="天天看看"
              >
                <img src="/static/shoutu13/logo/kankan.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.baofeng.com/"
                target="_blank"
                rel="nofollow"
                title="暴风视频"
              >
                <img src="/static/shoutu13/logo/baofeng.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.fun.tv/"
                target="_blank"
                rel="nofollow"
                alt="风行视频"
              >
                <img src="/static/shoutu13/logo/fengxing.png" />
              </a>
            </li>
            <li class="col-md-7 col-sm-4 col-xs-3">
              <a
                href="http://www.1905.com/"
                target="_blank"
                rel="nofollow"
                alt="1905视频"
              >
                <img src="/static/shoutu13/logo/1905.png" />
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 合作结束 -->
    <!-- 友链开始 -->
    <div class="stui-pannel stui-pannel-bg hidden-sm hidden-xs clearfix">
      <div class="stui-pannel-box">
        <div class="stui-pannel_hd">
          <div class="stui-pannel__head active bottom-line clearfix">
            <h3 class="title">
              <img src="/static/shoutu13/icon/icon_26.png" /> 友情链接
            </h3>
          </div>
        </div>
        <div class="stui-pannel_bd clearfix">
          <div class="col-xs-1">
            <ul class="stui-link__text clearfix">
              <a target="_blank" href="http://www.lykep.com">零艺客</a>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- 友链结束 -->
  </div>
</div>
